
.item-2 .container{
    width: 1300px;
    overflow: hidden;
    zoom: 1;
}
.introduction{
    width: 550px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 18px;
    float: left;
    text-align: left;
}
.introduction p{
    line-height: 1.5;
}
.honor{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2em;
}
.indent{
    margin: 0;
    text-indent: 2em;
}
.personal-image{
    width: 582px;
    float: left;
}
.personal-image img{
    width: 100%;
}
.personal-title{
    float: left;
    margin-left: -8px;
}
.personal-title img{
    width: 100%;
}

/***动画**/
.active .zoom1{
    animation: fadeInDown 2s linear;
}
.active .zoom2{
    animation: fadeInRight 1s linear 1s backwards;
}
.active .zoom3{
    animation: fadeInUp 2s linear;
}
.active .personal-image{
    animation: zoomIn 3s ease;
}
.active .personal-title{
    animation: slideInUp 2s linear;
}

@media screen and (max-width: 1366px){
    .item-2{
        padding: 35px 0;
    }
    .introduction{
        font-size: 16px;
    }
    .personal-image{
        width: 448px;
    }
    .personal-title{
        width: 56px;
    }
}
@media screen and (max-width: 414px){
    .item-2{
        padding: 35px 0;
    }
    .item-2 .container{
        width: 100%;
    }
    .introduction{
        width: 100%;
        padding: 0;
        font-size: 14px;
    }
    .honor{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 2em;
    }
    .personal-image{
        display: none;
    }
    .personal-title{
        display: none;
    }
}